import React, { PureComponent, Fragment } from 'react';
import { connect } from 'dva';
import { Spin } from 'antd';
import myStyle from './index.less';
import TradeManage from './tradeManage';
import ProductStatistics from './productStatistics';
import ProductInfo from './productInfo';
import KeyFigures from './keyFigures';
import InvestmentTips from './investmentTips';
import ContentPackage from '@/src/comps/other/contentPackage';
@connect(({ loading, userViewM }) => ({
  loading,
  userViewM,
}))
export default class UserView extends PureComponent {
  state = {};
  UNSAFE_componentWillMount() {}
  UNSAFE_componentWillReceiveProps(nextProps) {}

  render() {
    return (
      <ContentPackage
      title='首页'
        contentHtml={
          <div className={myStyle.userView}>
            <Spin spinning={this.props.loading.effects['productStatisticsM/queryProductStatistics'] == true}>
              <div className={myStyle.top}>
                <ProductStatistics />
              </div>
            </Spin>

            <div className={myStyle.middle}>
              <div className={myStyle.Card}>
                <ProductInfo />
              </div>
              <div className={myStyle.Card}>
                <InvestmentTips />
              </div>
            </div>
            <div className={myStyle.bottom}>
              <div className={myStyle.Card}>
                <KeyFigures />
              </div>
              <div className={myStyle.Card}>
                <TradeManage />
              </div>
            </div>
          </div>
        }
      
      />
      
    );
  }
}
